<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="bootstrap/css/bootstrap.css">
    <style>
            ul{display:block;margin:0;padding:0;list-style:none;}
    li{display:block;margin:0;padding:0;list-style: none;}
    img{border:0;}
        .place{height:40px; background:url(images/righttop.gif) repeat-x;}
    .place span{line-height:40px; font-weight:bold;float:left; margin-left:12px;}
    .placeul li{float:left; line-height:40px; padding-left:7px; padding-right:12px; background:url(images/rlist.gif) no-repeat right;}
    .placeul li:last-child{background:none;}
            .table{
                background-color: #0e415a;
                color:rgb(190, 197, 233);
                font-weight: bold;
            }
            .table tbody tr td{
                border:1px rgb(151, 224, 196) solid;
                text-align: center;
            }
            .table tbody tr:hover{
                background-color:black;
            }
        </style>
        </head>
        <body>
        <div class="place"> <span>位置：</span>
          <ul class="placeul">
            <li><a href="index.html">首页</a></li>
            <li>公寓信息</li>
            <li>房间</li>
          </ul>
        </div>
        <div class="container" style="margin-top: 100px; width:700px;">
            <div class="row">
                <div>
            <table class="table table-hover">
               
                <tbody>
                    <tr>
                        <td>房间号:</td>
                        <td>1001</td>
                    </tr>
                    
                    <tr>
                            <td>房间类型:</td>
                            <td>三人间</td>
                        </tr>
                        <tr>
                                <td>一号床位:</td>
                                <td>已用</td>
                            </tr>
                            <tr>
                                    <td>二号床位:</td>
                                    <td>闲置</td>
                                </tr>
                                <tr>
                                        <td>三号床位:</td>
                                        <td>已用</td>
                                    </tr>
                        <tr>
                                <td>状态:</td>
                                <td>满房</td>
                            </tr>
                            <tr>
                                    <td colspan="2">
                              <button type="button" class="btn btn-primary center-block">修改</button>
                                    </td>
                                   
                                </tr>
                </tbody>
            </table>
        </div>
        </div>
        </div>
</body>
</html>